<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/theme-chalk/index.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/index.js"></script>



<!-- 框架的组件文档 "https://element.eleme.cn/#/zh-CN/component/button" -->
<div id="app1">
	<el-row>
		<el-button>默认按钮</el-button>
		<el-button type="primary">主要按钮</el-button>
		<el-button type="success">成功按钮</el-button>
		<el-button type="info">信息按钮</el-button>
		<el-button type="warning">警告按钮</el-button>
		<el-button type="danger">危险按钮</el-button>
	</el-row>
	<el-row>
		<el-button plain>朴素按钮</el-button>
		<el-button type="primary" plain>主要按钮</el-button>
		<el-button type="success" plain>成功按钮</el-button>
		<el-button type="info" plain>信息按钮</el-button>
		<el-button type="warning" plain>警告按钮</el-button>
		<el-button type="danger" plain>危险按钮</el-button>
	</el-row>
	<el-row>
		<el-button round>圆角按钮</el-button>
		<el-button type="primary" round>主要按钮</el-button>
		<el-button type="success" round>成功按钮</el-button>
		<el-button type="info" round>信息按钮</el-button>
		<el-button type="warning" round>警告按钮</el-button>
		<el-button type="danger" round>危险按钮</el-button>
	</el-row>
	<el-row>
		<el-button icon="el-icon-search" circle></el-button>
		<el-button type="primary" icon="el-icon-edit" circle></el-button>
		<el-button type="success" icon="el-icon-check" circle></el-button>
		<el-button type="info" icon="el-icon-message" circle></el-button>
		<el-button type="warning" icon="el-icon-star-off" circle></el-button>
		<el-button type="danger" icon="el-icon-delete" circle></el-button>
	</el-row>
</div>

<script type="text/javascript">
	//组件初始化
	new Vue().$mount('#app1');
	 //按钮点击事件
	 $('.el-button').click(function(){
	 	console.log($(this).index());
	 });
</script>